<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">

.layer1{width:100%;height:200px;}
.layer1-1{background:green;height:200px;width:33.3%;float:left;}
.layer1-2{background:red;height:200px;width:33.3%;float:left;}
.layer1-3{background:yellow;height:200px;width:33.3%;float:left;}
.layer1-4{clear:both;}
.layer2{background:#3C6;height:200px;width:100%;}
.layer3{background:#F96;height:200px;width:100%;}

<title>8-3</title></style>
</head>

<body>
<div class="layer1">
<div class="layer1-1"></div>
<div class="layer1-2"></div>
<div class="layer1-3"></div>
<div class="layer1-4"></div>
<div class="layer2"></div>
<div class="layer3"></div>

</body>
</html>
